<%--
  Created by IntelliJ IDEA.
  User: xxswh
  Date: 2021/4/12
  Time: 19:56
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>

    <link rel="stylesheet"  href="css/UserIndex.css">

    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
    <link rel='stylesheet prefetch' href='https://fonts.googleapis.com/icon?family=Material+Icons'>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.css"/>
</head>
<body>
<div class="cotn_principal">
    <div class="cont_centrar">
        <div class="cont_login">
            <div class="cont_info_log_sign_up">
                <div class="col_md_login">
                    <div class="cont_ba_opcitiy">
                        <h2>LOGIN</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur.</p>
                        <button class="btn_login" onClick="cambiar_login()">LOGIN</button>
                    </div>
                </div>
                <div class="col_md_sign_up">
                    <div class="cont_ba_opcitiy">
                        <h2>SIGN UP</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur.</p>
                        <button class="btn_sign_up" onClick="cambiar_sign_up()">SIGN UP</button>
                    </div>
                </div>
            </div>
            <div class="cont_back_info">
                <div class="cont_img_back_grey"> <img src="images/po.jpg" alt="" /> </div>
            </div>
            <div class="cont_forms" >
                <div class="cont_img_back_"> <img src="images/po.jpg" alt="" /> </div>
                <div class="cont_form_login"> <a href="#" onClick="ocultar_login_sign_up()" ><i class="material-icons">&#xE5C4;</i></a>
                    <h2>LOGIN</h2>
                    <form action="userLogin" method="post">
                        账号：<input type="text"  id="username"  name="nickName" placeholder="请输入您的昵称"><br>
                        密码：<input type="password"  id="password"  name="password" placeholder="请输入密码"/><br>
                        验证码：<input type="text"  id="password"  name="authcode" placeholder="请输入验证码" >
                        <img style="width: 90px;" name="imgValidate" id="imgValidateLogin" src="validateloginUser.jsp" onclick="refreshLogin()"/>
                    <button class="btn_login" type="submit" onClick="cambiar_login()">LOGIN</button>
                    </form>
                </div>
                <div class="cont_form_sign_up"> <a href="#" onClick="ocultar_login_sign_up()"><i class="material-icons">&#xE5C4;</i></a>
                    <h2>SIGN UP</h2>
                    <form action="userRegister" method="post">
                            昵称：<input type="text"  id="username"  name="nickName" placeholder="请输入您的昵称" >
                        <br>
                        密码： <input type="password"  id="password"  name="password" placeholder="请输入密码"/>
                        <br>
                           用户名：<input type="text"  id="username"  name="userName" placeholder="请输入您的用户名" >
                        <br>
                        邮箱：<input type="text"  id="username"  name="email" placeholder="请输入您的邮箱" >
                        <br>
                            性别：<input type="text"  id="username"  name="sex" placeholder="请输入您的性别" >
                        <br>
                            年龄：<input type="text"  id="username"  name="age" placeholder="请输入您的年龄" >
                        <br>
                            验证码：<input type="text"  id="password"  name="authcode" placeholder="请输入验证码" />
                            <img style="width: 90px;" name="imgValidate" id="imgValidateRegister" src="validateregister.jsp" onclick="refreshRegister()"/>
                    <button  type="submit" class="btn_sign_up" onClick="cambiar_sign_up()">SIGN UP</button>
                </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript"src="js/bootstrap.min.js"></script>
<script src="js/userIndex.js"></script>
<script>
    function refreshLogin(){
        document.getElementById("imgValidateLogin").src="validateloginUser.jsp?random="+Math.random();
    }
    function refreshRegister(){
        document.getElementById("imgValidateRegister").src="validateregister.jsp?random="+Math.random();
    }
</script>
</body>
</html>

